<template>
  <div class="portal">
    <div>
      <webHeader @search-results="updatePageData"/>
    </div>
    <div>
      <content_r  :pageData="pageData"/>
    </div>
    <div >
      <Footer />
    </div>

  </div>
</template>


<script setup>

import WebHeader from "@/views/index/components/webHeader.vue";
import {reactive, ref} from "vue";
import Footer from "@/views/index/components/footer.vue";
import Content_r from "@/views/index/components/content_r.vue";

const pageData = ref([]);
const updatePageData = (data) => {
  pageData.value = data.data.list;
};
const data=reactive({
  component:{
    WebHeader,
    Footer,
    Content_r,
  },
})


</script>
<style scoped>

</style>